// 全局变量
let readingsTable, historyTable;

// 页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    // 检查用户登录状态
    checkLoginStatus();
    
    // 初始化侧边栏
    initializeSidebar();
    
    // 加载默认页面（工作台）
    loadPage('dashboard');
    
    // 初始化退出按钮
    document.getElementById('logoutBtn').addEventListener('click', logout);
});

// 检查登录状态
function checkLoginStatus() {
    const username = localStorage.getItem('username');
    const role = localStorage.getItem('role');
    
    if (!username || !role || role !== 'METER_READER') {
        // 未登录或不是抄表员，跳转到登录页面
        window.location.href = '/login.html';
        return;
    }
    
    // 显示用户名
    document.getElementById('currentUsername').textContent = username;
}

// 初始化侧边栏
function initializeSidebar() {
    document.querySelectorAll('.nav-link').forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            
            // 移除所有活动状态
            document.querySelectorAll('.nav-link').forEach(l => l.classList.remove('active'));
            
            // 添加活动状态到当前链接
            this.classList.add('active');
            
            // 加载对应页面
            const page = this.getAttribute('data-page');
            loadPage(page);
        });
    });
}

// 加载页面内容
function loadPage(page) {
    fetch(`/meter-reader/templates/${page}.html`)
        .then(response => response.text())
        .then(html => {
            document.getElementById('content').innerHTML = html;
            
            // 根据页面类型初始化不同功能
            switch(page) {
                case 'dashboard':
                    initializeDashboard();
                    break;

                case 'meter-reading':
                    initializeReadingsTable();
                    break;
                case 'reading-history':
                    initializeHistoryTable();
                    break;
            }
        })
        .catch(error => {
            console.error('加载页面失败：', error);
            showAlert('加载页面失败，请稍后重试！', 'danger');
        });
}

// 初始化工作台
function initializeDashboard() {
    // 加载统计数据
    loadDashboardStats();
}



// 初始化抄表记录表格
function initializeReadingsTable() {
    readingsTable = $('#readingsTable').DataTable({
        language: {
            url: '//cdn.datatables.net/plug-ins/1.10.24/i18n/Chinese.json'
        },
        order: [[6, 'desc']]  // 按抄表日期降序排序
    });
    
    // 加载抄表记录
    loadReadings();
}

// 初始化历史记录表格
function initializeHistoryTable() {
    historyTable = $('#historyTable').DataTable({
        language: {
            url: '//cdn.datatables.net/plug-ins/1.10.24/i18n/Chinese.json'
        },
        order: [[0, 'desc']]  // 按日期降序排序
    });
    
    // 加载历史记录
    loadHistory();
}



// 退出登录
function logout() {
    if (confirm('确定要退出登录吗？')) {
        // 清除本地存储的用户信息
        localStorage.clear();
        // 跳转到登录页面
        window.location.href = '/login.html';
    }
}

// 显示提示信息
function showAlert(message, type) {
    const alertHtml = `
        <div class="alert alert-${type} alert-dismissible fade show" role="alert">
            ${message}
            <button type="button" class="close" data-dismiss="alert">
                <span>&times;</span>
            </button>
        </div>
    `;
    
    // 移除现有的提示
    document.querySelectorAll('.alert').forEach(alert => alert.remove());
    
    // 添加新提示
    document.querySelector('.page-header').insertAdjacentHTML('afterend', alertHtml);
    
    // 自动关闭
    if (type === 'success' || type === 'info') {
        setTimeout(() => {
            document.querySelector('.alert').remove();
        }, 3000);
    }
}

// 这里添加其他辅助函数...
// 例如：loadTasks(), loadReadings(), loadHistory() 等
// 这些函数将通过API调用后端获取数据 